<template>
  <div>
    <el-tag>首页</el-tag>
    <div style="padding-top: 10px">
      <Monty v-bind:show="false"
             :num="allData.totalNumber"
             mess="问诊总量"
             style="float: left; margin-right: 18px"></Monty>
      <Monty v-bind:show="true"
             :num="allData.sumOfCost"
             mess="问诊费用总额"
             style="float: left; margin-right: 18px "></Monty>
      <Monty v-bind:show="true"
             :num="allData.talSales"
             mess="药品销售总额"
             style="float: left; margin-right: 18px "></Monty>
      <Monty v-bind:show="true"
             :num="allData.registeredNum"
             mess="挂号费用总额"
             style="float: left; "></Monty>
      <div style="clear:both"></div>
    </div>
    <div style="padding-top: 10px">
      <QuickAction></QuickAction>
    </div>
    <div style="padding-top: 10px">
      <Work :all-data="allData"></Work>
    </div>
    <div style="padding-top: 10px">
      <over-view name="用户"
                 style="float: left; width: 600px; margin-right: 58px" :allData="allData.user"></over-view>
      <over-view name="医生"
                 style="float: left; width: 600px" :allData="allData.doctor"></over-view>
      <div style="clear: both"></div>
    </div>
    <div style="padding-top: 10px">
      <Census></Census>
    </div>

  </div>
</template>

<script>
import Monty from "./home/Monty";
import QuickAction from "./home/QuickAction";
import OverView from "./home/OverView";
import Work from "./home/Work";
import Census from "./home/Census";

export default {
  name: "Home",
  data () {
    return {
      num: 1000,
      mess: "sdsadsad",
      allData: ''
    }
  },
  methods: {
    getData(){
      this.$axios({
        method: 'GET',
        url: '/home/getData',
        params: {

        }
      }).then(data => {
        this.allData = data.data.data
        console.log(this.allData);
      })
    }
  },
  created() {
    this.getData();
  },
  components: {
    Monty,
    QuickAction,
    Work,
    OverView,
    Census
  }
}
</script>

<style scoped>
</style>
